.todo_input_box
{
  width: 1200px;
  margin-left: 160px;
  height: 8vh;
  background: lightgreen;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_content_container
{
  width: 1200px;
  margin-left: 160px;
  height: 80vh;
  background: lightsalmon;
}

.todo_tool_bar
{
  width: 100%;
  height: 8vh;
  display: inline-flex;
  justify-content: center;
  align-items:center;
  margin-left: -10px;
}

.todo_tool_bar div
{
  height: 100%; 
  width: 300px;
  background: lime;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item
{
  width: 100%;
  height: 50px;
  margin-top: 30px;
  background: linen;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_item_check
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item_content
{
  width: 60%;
  height: 100%;
  display: inline-flex;
  justify-content:flex-start;
  align-items: center;
}

.todo_item_delete
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}